:root {
    --yellow-dirty: #f2be47;
    --brown-dark: #333;
    --blue-dark: #3f4347;
    --color-ddd: #ddd;
    --color-nav: whitesmoke;
    --btn-hover: black;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Pixy';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/pixy.ttf") format('truetype');
  }

body {
    font-family:'Pixy';
    color: var(--yellow-dirty);
    background-color: var(--brown-dark);
}

.container {
    display: flex;
    align-items: center;
}

img {
    min-height: 100vh;
}
pre {
    font-family:'Pixy';
    font-size: 2em;
    margin-left: 20px;
}

@media (max-width: 1024px) {
    .container {
        flex-direction: column-reverse;
    }
}

